body.dark {
  /* Backgroud color */
  --color-bg-normal: #282828;
  --color-bg-primary: #232323;
  --color-bg-topics: #484848;
  --color-bg-topics_active: #353535;
  --color-bg-topics_shadow: #1b1b1bd1;
  --color-bg-leftbar: #282828;
  --color-bg-leftbar_item: #303030;
  --color-bg-item: #395449;
  --color-bg-item_status: #9ea3b1;
  --color-bg-input: #323232;
  --color-bg-messagebox: #303133;
  --color-bg-follows: #4a4a4a;
  --color-bg-code: #38404a;
  --color-bg-input_btn: transparent;
  --color-bg-radio: #37363d80;

  /* Font color */
  --color-text-title: #ffffff;
  --color-text-default: #d3d3d3;
  --color-text-light: #a3a3a3;
  --color-text-tips: #b4b4b4;
  --color-text-right_block: #484848;
  --color-text-right_info: #959599;
  --color-text-left_info: #959599;

  /* Accent color */
  --color-main-green: #34c388;
  --color-second-green: #53daa2;
  --color-thrid-green: #ebf8f2;
  --color-main-red: #e86aa6;
  --color-second-red: #f56c6c;
  --color-third-red: #fcdee4;
  --color-main-grey: #323232;
  --color-main-yellow: #e6a23cb3;

  /* Border color */
  --color-border-default: #383838;
  --color-border-bold: #969696;
  --color-shadow-card: #00000059;
  --color-shadow-message: #1f1f1f;
}
